<!--
 DOCTYPE是document type（文档类型）的缩写。
 <!DOCTYPE html>是H5的声明位于文档的最前面，处于标签之前。 
 他是网页必备的组成部分，避免浏览器的怪异模式。避免在不同浏览器展示效果不一。
-->
<!DOCTYPE html>
<!-- 
 HTML5基本骨架
-->
<!-- 
 <html></html>
 限定了文档的开始点和结束点
-->
 <!-- 
这段HTML代码定义了一个HTML5文档的开始，并指定了文档的语言为英语。
<html lang="en"> 是HTML文档的根元素，lang属性帮助浏览器和搜索引擎理解页面内容的语言。 
-->
<html lang="en">

<!-- 
<head></head>
标签用于定义文档的头部，文档的头部描述了文档的各种属性和信息，包括文档标题、
在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作
为内容显示给读者。
-->
<head>
    <!-- 
    meta标签 用来描述一个HTML网页文档的属性，关键词等， 
    例如：charset="UTF-8"是说当前使用的是UTF-8编码格式，在开发中我们经常会看到utf-8,
    或gbk，这些都是编码格式，通常使用utf-8
    -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title标签 可定义文档的标题 它显示在浏览器窗口的标题栏或状态栏上，
         是head标签中唯一要求必须包含的东西，就是说head一定要写title,
         title的增加有利于SEO优化
         SEO是搜索引擎优化的引文缩写。通过对网站内容调整，满足搜索引擎的排名需求
    -->
    <title>H5简介与基础骨架</title>
</head>

<!-- 
<body></body>
元素定义文档的主体
元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）
它会直接在页面中显示出来，也就是用户可以直观看到的内容
-->
<body></body>

</html>